import {reqLogin} from '../../api'
import { saveToken, saveUser } from '../../utils/storageUtils'

const loginForm = document.getElementById('loginForm')
const usernameInput = document.getElementById('username')
const pwdInput = document.getElementById('pwd')

// 绑定表单提交的监听
loginForm.onsubmit = async (e) => {
  // 阻止默认行为
  e.preventDefault()
  // 得到输入的用户名和密码
  const username = usernameInput.value
  const pwd = pwdInput.value
  // 请求登陆
  const result = await reqLogin(username, pwd)
  // 如果请求登陆成功
  if (result.code==='2000') {
    // 得到返回的token和用户信息对象
    const {token, user} = result.data
    // 将token保存到localStorage
    saveToken(token)
    // 将用户信息保存到sessionStorage中
    saveUser(user)

    // 跳转到用户列表页
    window.location = '/users.html'
  } else {
    // 如果登陆请求失败了, 提示返回的错误信息
    alert(result.message)
  }
}